import Taro, { Component } from '@tarojs/taro'
import { View, Button, Text } from '@tarojs/components'
import { observer, inject } from '@tarojs/mobx'
import { AtIcon, AtInput } from 'taro-ui'
import './profitManager.scss'


@inject('counterStore')
@observer
class ProfitManager extends Component {

    config = {
        navigationBarTitleText: '收益管理',
        navigationBarTextStyle: 'white',
        navigationBarBackgroundColor: '#1791ff',
    }
    constructor() {
        super(...arguments)
        this.state = {
            value: '',
            icon: require('../../img/profitRecord.png'),
        }
    }
    handleChange = (value) => {
        this.setState({
            value
        })
    }
    componentWillMount() {
        console.log('componentWillMount----');
    }

    componentWillReact() {
        console.log('componentWillReact')
    }

    componentDidMount() { }

    componentWillUnmount() { }

    componentDidShow() { }

    componentDidHide() { }
    render() {
        const { counterStore: { counter } } = this.props
        const { icon } = this.state;
        return (
            <View className='profitManager-page'>
                <View className="page-bar">
                    <View className="title">累计佣金</View>
                    <View className="money">¥15680.00</View>
                </View>
                <View className="data">
                    <View className="cell">
                        <View className="name">可提现</View>
                        <View className="value">¥2135.82</View>
                    </View>
                    <View></View>
                    <View className="cell">
                        <View className="name">已提现</View>
                        <View className="value">¥5182.31</View>
                    </View>
                </View>
                <View className="profitRecord">
                    <View className="title">
                        <View className="title-box"><image src={icon} alt="" /> <label>收益记录</label></View>
                        <View className="arrow"> <label htmlFor="">提现记录</label> <AtIcon prefixClass='icon' value='gengduo' size='10' color='#999'></AtIcon></View>
                    </View>
                    <View className="cell">
                        <View><label htmlFor="">本月收益</label><label htmlFor="">¥15680.00</label></View>
                        <View><label htmlFor="">上月收益</label><label htmlFor="">¥10680.00</label></View>
                    </View>
                </View>
            </View>
        )
    }
}

export default ProfitManager 
